//ES6 的导包方式
import $, {
    extend
} from 'jquery'

import ss from './js/b'

// 导入css文件
import './css/index.css'
// 导入less
import './css/index.less'
// 导入scss
import './css/index.scss'

// 导入bootstrap
import 'bootstrap/dist/css/bootstrap.min.css'

console.log(ss);

// odd even奇偶选择
$(function () {
    $("li:odd").css("background-color", "lightblue")
    $("li:even").css("background-color", "lightgreen")
})


// 执行webpack的命令之后，webpack帮我们做了什么
// 1. webpack帮我们把浏览器的不认识的语法翻译成浏览器认识的语法
// 2. 帮我们处理了依赖关系。 做了js的合并
// 3. 压缩和混淆


// ES6里类的定义。 面向对象的概念
// class本质上式原型链的语法糖
class Animal {
    constructor(obj) {
        this.name = obj.name
    }

    say() {
        console.log("动物叫")
    }
    eat() {
        console.log("吃饭");
    }
}

class Cat extends Animal {
    constructor(obj){
        // 指的父类
        super(obj)
        // this 指的当前的对象
    }

    say() {
        console.log("喵喵秒")
        super.say()
    }

    sayMyName(){
        console.log(this.name);
    }
}

// 类、 实例
let ani = new Animal({
    name: '小白'
});

console.log(ani.name);

let myCat = new Cat({name:'小黑'});

myCat.say()
myCat.eat()
myCat.sayMyName()